<script setup>
import { 
    ref 
} from 'vue'

defineProps({
  msg: String
})

</script>

<template>
    <div>
        <h2>测试功能列表</h2>
        <router-link to="/menu">menu</router-link> <br />
        <router-link to="/basic">basic</router-link> <br />
        <router-link to="/markdown">markdown</router-link> <br />
        <router-link to="/tables">tables</router-link> <br />
        <router-link to="/images">images</router-link> <br />
        <router-link to="/formatting">formatting</router-link> <br />
        <router-link to="/tasks">tasks</router-link> <br />
        <router-link to="/longtexts">longtexts</router-link> <br />
        <router-link to="/drawing">drawing</router-link> <br />
        <router-link to="/minimalsetup">minimalsetup</router-link> <br />
        <router-link to="/force">force</router-link> <br />
        <router-link to="/clever">clever</router-link> <br />
    </div>
</template>

<style lang="scss">
ul[data-type="taskList"] {
  list-style: none;
  padding: 0;

  li {
    display: flex;
    align-items: center;

    > label {
      flex: 0 0 auto;
      margin-right: 0.5rem;
      user-select: none;
    }

    > div {
      flex: 1 1 auto;
    }
  }

  input[type="checkbox"] {
    cursor: pointer;
  }
}
</style>
